<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!-- 载入文章头部页面，位置在/client文件夹下的header模板页面，模板名称th:fragment为header -->
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
    <meta name="renderer" content="webkit"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-transform"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="shortcut icon" th:href="@{/user/img/bloglogo.jpg}"/>
    <link rel="apple-touch-icon" th:href="@{/user/img/apple-touch-icon.png}"/>
    <title>首页</title>
    <link th:href="@{/user/css/xcode.min.css}" rel="stylesheet"/>
    <link th:href="@{/user/css/style.min.css}" rel="stylesheet"/>
    <script th:src="@{/assets/js/jquery.min.js}"></script>
    <script th:src="@{/assets/js/amazeui.min.js}"></script>
    <link rel="stylesheet" th:href="@{/assets/css/amazeui.min.css}"/>
    <link rel="stylesheet" th:href="@{/assets/css/app.css}"/>
    <!--[if lt IE 9]>
    <script th:src="@{/back/js/html5shiv.js}"></script>
    <script th:src="@{/back/js/respond.min.js}"></script>



    <![endif]-->
</head>
<body>
<!--[if lt IE 8]>
<div class="browsehappy" role="dialog">
    当前网页 <strong>不支持</strong> 你正在使用的浏览器. 为了正常的访问, 请 <a href="http://browsehappy.com/" target="_blank">升级你的浏览器</a>。
</div>
<![endif]-->
<header id="header" class="header bg-white">
    <div class="navbar-container">
        <a th:href="@{/}" class="navbar-logo">热门职位</a>
    </div>
</header>
<div class="am-g am-g-fixed blog-fixed index-page" >
    <div th:fragment="article_type" id="article_type">
        <div class="am-u-md-8 am-u-sm-12">
            <!-- 文章遍历并分页展示 : 需要同学们手动完成，基本样式已经给出，请使用th标签及表达式完成页面展示 -->
            <div th:each="content:${data.content}" style=" float:left; display:inline-block;width: 30%;margin-right: 15px;">
                <article class="am-g blog-entry-article">

                    <div class="am-u-lg-6 am-u-md-12 am-u-sm-12 blog-entry-text">
                        <!-- 文章分类 -->
                        <span class="blog-color"style="font-size: 18px;font-weight:bold;" th:text="${content.name}" /></span>
<!--                        <span>&nbsp;&nbsp;</span>-->
                        <!-- 发布时间 -->
                        <span style="font-size: 12px;" th:text="'['+ ${content.createTime} + ']'" />
                        <span>&nbsp;&nbsp;</span>
                        <span style="font-size: 15px;color: red;" th:text="${content.salaryRange}" />
                        <br>
                        <span style="font-size: 15px;" th:text="${content.jobRequire}" />
                        <br>
                        <span style="font-size: 15px;" th:text="${content.tag}" />
                        <br>
                        <span>-------------------------------</span>
                        <h2>
                            <!-- 文章标题 -->
                            <div><a style="color: #0f9ae0;font-size: 20px;" th:text="${content.company}" />
                            </div>
                        </h2>
                        <!-- 文章内容-->
                        <div style="font-size: 16px;" th:text="${content.companyTag}" />
                    </div>
                </article>
            </div>

        </div>
    </div>


</div>
</body>
<!-- 载入文章尾部页面，位置在/client文件夹下的footer模板页面，模板名称th:fragment为footer -->
<!--<div th:replace="/client/footer::footer" />-->

<script>
</script>

</html>
